<%@ page language="java" pageEncoding="utf-8"
	contentType="text/html;charset=utf-8"%>
<%@ include file="/WEB-INF/views/common.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>审批</title>
<link rel="stylesheet" type="text/css" href="/resources/css/approval.css" />
<script type="text/javascript" src="/resources/js/jquery-1.7.1.min.js" ></script>
<script type="text/javascript" src="/resources/tiny_mce/jquery.tinymce.js"></script>
<script type="text/javascript" src="/resources/js/jquery.jstree.js"></script>
<script type="text/javascript">
$(function() {
        $('textarea.tinymce').tinymce({
                // Location of TinyMCE script
                script_url : '/resources/tiny_mce/tiny_mce.js',

                // General options
                theme : "advanced",
                plugins : "table,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,print,contextmenu,directionality,fullscreen,noneditable,xhtmlxtras,template",

                // Theme options
                theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,formatselect,fontselect,fontsizeselect,|,forecolor,backcolor,|,link,unlink,|,sub,sup,|,charmap,emotions,iespell,insertdate,hr,image,template",
                theme_advanced_buttons2 : "bullist,numlist,|,outdent,indent,blockquote,|,justifyleft,justifycenter,justifyright,justifyfull,|,ltr,rtl,|,tablecontrols,|,removeformat,code,preview,print,fullscreen",
                theme_advanced_buttons3 : "",
                theme_advanced_buttons4 : "",
                theme_advanced_toolbar_location : "top",
                theme_advanced_toolbar_align : "left",
                theme_advanced_statusbar_location : "bottom",
                theme_advanced_resizing : false,
                width:"100%",
                height:"300px",

                // Example content CSS (should be your site CSS)
                content_css : "css/content.css",

                // Drop lists for link/image/media/template dialogs
                template_external_list_url : "lists/template_list.js",
                external_link_list_url : "lists/link_list.js",
                external_image_list_url : "lists/image_list.js",

                // Replace values for the template plugin
                template_replace_values : {
                        username : "Some User",
                        staffid : "991234"
                }
        });
        
        $("#demo1").jstree({
    		core : { /* core options go here */ },
    		plugins : [ "themes", "html_data" ]
    	});

});
</script>

</head>
<body>
	<div id="header" style="height: 60px;"></div>
	<div id="splitline">
		<div id="splitlineleft" class="splitlineleft"></div>
		<div id="splitlineright" class="splitlineright"></div>
	</div>
	<div style="margin:0 auto;clear:both; display:block;">
		<div id="leftmenu" style="clear:both;float: left;width:191px;background-color: #e6f0f7;height:500px;" >
			<div id="quickicon" class="quickicon"></div>
			<div id="menus">
				<div class="lmenu_inactive">提交箱</div>
				<div class="lmenu_active">草稿箱</div>
				<div class="lmenu_inactive">未批箱</div>
				<div class="lmenu_inactive">通知箱</div>
				<div class="lmenu_inactive">预审箱</div>
				<div class="lmenu_inactive">已批箱</div>
				<div class="lmenu_inactive">审批样式箱</div>
				<div class="lmenu_inactive">审批路径管理</div>
				<div class="lmenu_inactive">代理审批人指定</div>
			</div>
		</div>
		<div id="mainconsole" class="mainconsole">
			<!-- 撰写禀议 -->
			<div style="padding-bottom:8px;">
				<span style="font-weight:bold;font-size:14px;">审批 > 撰写禀议</span>
				<span style="color:#808080;"></span>
			</div>
			<div class="btnline_top">
				<div style="padding:5px 0 0 5px;">
					<a href="javascript:void(0);" class="button">
					<ul>
						<li class="btn_left"></li>
						<li class="btn_middle btn_text">发 送</li>
						<li class="btn_right"></li>
					</ul>
					</a>
					
					<a href="javascript:void(0);" class="button">
					<ul>
						<li class="btn_left"></li>
						<li class="btn_middle btn_text">存草稿</li>
						<li class="btn_right"></li>
					</ul>
					</a>
					
					<a href="javascript:void(0);" class="button">
					<ul>
						<li class="btn_left"></li>
						<li class="btn_middle btn_text">预 览</li>
						<li class="btn_right"></li>
					</ul>
					</a>
					
					<a href="javascript:void(0);" class="button">
					<ul>
						<li class="btn_left"></li>
						<li class="btn_middle btn_text">取消</li>
						<li class="btn_right"></li>
					</ul>
					</a>
					
				</div>
			</div>
			<div></div>
			<div style="background-color:#f6f9fc;">
				<div style="padding:5px;">
					<div style="width:80px;float:left;text-align:right;">主 题：</div>
					<div style="margin-left:80px;padding-right:5px;"><input type="text" name="" value="" style="width:100%;"/></div>
				</div>
				<div style="padding:5px;">
					<div style="width:80px;float:left;text-align:right;">审批人：</div>
					<div style="margin-left:80px;padding-right:5px;">
						<input type="text" name="" value="" style="width:100%;" />
					</div>
				</div>
				<div style="padding:5px;">
					<div style="width:80px;float:left;text-align:right;"></div>
					<div style="margin-left:80px;background-color:#e6f0f7;padding:5px;">
						<input type="radio" name="approvalType" id="approval" checked/><label for="approval">审批[0]</label>
						|
						<input type="radio" name="approvalType" id="consent" /><label for="consent">协议(1)</label>
						|
						<input type="radio" name="approvalType" id="postApproval" /><label for="postApproval">后置审批(1)</label>
						|
						<input type="radio" name="approvalType" id="notify" /><label for="notify">通知(1)</label>
						|
						总共 3 人
					</div>
				</div>
				<div>
					<div style="width:80px;float:left;text-align:right;">
						<div style="float:right;">
							<a href="javascript:void(0);" class="button">
							<ul>
								<li class="btn_left"></li>
								<li class="btn_middle btn_text">并列审批</li>
								<li class="btn_right"></li>
							</ul>
							</a>
						</div>
						<div style="float:right;margin-top:3px;">
							<a href="javascript:void(0);" class="button">
							<ul>
								<li class="btn_left"></li>
								<li class="btn_middle btn_text">取消并列</li>
								<li class="btn_right"></li>
							</ul>
							</a>
						</div>
						<div style="float:right;margin-top:3px;">
							<a href="javascript:void(0);" class="button">
							<ul>
								<li class="btn_left"></li>
								<li class="btn_middle btn_text">上 移</li>
								<li class="btn_right"></li>
							</ul>
							</a>
						</div>
						<div style="float:right;margin-top:3px;">
							<a href="javascript:void(0);" class="button">
							<ul>
								<li class="btn_left"></li>
								<li class="btn_middle btn_text">下 移</li>
								<li class="btn_right"></li>
							</ul>
							</a>
						</div>
					</div>
					<div style="margin-left:80px;padding:0 5px 0 5px;">
						<div style="border:1px solid #ccc;height:100px;overflow:auto;background-color:#fff;">
							<ul style="border-bottom:1px solid #dcdcdc;">
								<li style="float:left;width:40px;padding:5px 0px 5px 5px;text-align:center;">0</li>
								<li style="float:left;width:60px;padding:5px 0px 5px 5px;">企案</li>
								<li style="float:left;width:60px;padding:5px 0px 5px 5px;">某某某</li>
								<li style="margin-left:160px;padding:5px 0px 5px 5px;">研发中心</li>
							</ul>
							<ul style="border-bottom:1px solid #dcdcdc;">
								<li style="float:left;width:40px;padding:5px 0px 5px 5px;text-align:center;">1</li>
								<li style="float:left;width:60px;padding:5px 0px 5px 5px;">审批</li>
								<li style="float:left;width:60px;padding:5px 0px 5px 5px;">某某某</li>
								<li style="margin-left:160px;padding:5px 0px 5px 5px;">研发中心</li>
							</ul>
							<ul style="border-bottom:1px solid #dcdcdc;">
								<li style="float:left;width:40px;padding:5px 0px 5px 5px;text-align:center;">2</li>
								<li style="float:left;width:60px;padding:5px 0px 5px 5px;">通报</li>
								<li style="float:left;width:60px;padding:5px 0px 5px 5px;">某某某</li>
								<li style="margin-left:160px;padding:5px 0px 5px 5px;">研发中心</li>
							</ul>
							<ul style="border-bottom:1px solid #dcdcdc;">
								<li style="float:left;width:40px;padding:5px 0px 5px 5px;text-align:center;">3</li>
								<li style="float:left;width:60px;padding:5px 0px 5px 5px;">审批</li>
								<li style="float:left;width:60px;padding:5px 0px 5px 5px;">某某某</li>
								<li style="margin-left:160px;padding:5px 0px 5px 5px;">研发中心</li>
							</ul>
							<ul>
								<li style="float:left;width:40px;padding:5px 0px 5px 5px;text-align:center;">4</li>
								<li style="float:left;width:60px;padding:5px 0px 5px 5px;">通报</li>
								<li style="float:left;width:60px;padding:5px 0px 5px 5px;">某某某</li>
								<li style="margin-left:160px;padding:5px 0px 5px 5px;">研发中心</li>
							</ul>
						</div>
					</div>
				</div>
				<div style="padding:5px;">
					<div style="width:80px;float:left;text-align:right;"></div>
					<div style="margin-left:80px;">
						添加附件 | 模板选择 | 选择审批路径
					</div>
				</div>
				<div style="padding:5px;">
					<div style="width:80px;float:left;text-align:right;">内 容：</div>
					<div style="margin-left:80px;">
						<textarea id="content" name="content" class="tinymce"></textarea>
					</div>
				</div>
				<div style="padding:5px;">
					<div style="width:80px;float:left;text-align:right;"></div>
					<div style="margin-left:80px;">
						<input type="checkbox" name="urgent" id="urgent"/> <label for="urgent">紧急</label>
						<input type="checkbox" name="sms" id="sms"/> <label for="sms">短信通知</label>
					</div>
				</div>
			</div>
			
			<br/>
			<!-- 审批列表 -->
			<div style="padding-bottom:8px;">
				<span style="font-weight:bold;font-size:14px;">审批 > 提交箱</span>
				<span style="color:#808080;">（共 4 个）</span>
			</div>
			<div class="btnline_top">
				<div style="padding:5px 0 0 5px;">
					<a href="javascript:void(0);" class="button">
					<ul>
						<li class="btn_left"></li>
						<li class="btn_middle btn_text">创 建</li>
						<li class="btn_right"></li>
					</ul>
					</a>
					
					<a href="javascript:void(0);" class="button" id="edit_dropbox">
					<ul>
						<li class="btn_left"></li>
						<li class="btn_middle btn_text">编 辑</li>
						<li class="btn_middle"><div class="btn_drop"></div></li>
						<li class="btn_right"></li>
					</ul>
					</a>
				</div>
			</div>
			<div style="min-height:200px;">
				<div>
					<ul>
						<li style="float:left;width:34px;height:24px;border-right:1px solid #cccccc;background:url(/image/bgr.png) repeat-x 0px -314px;"></li>
						<li style="float:right;width:100px;height:24px;background:url(/image/bgr.png) repeat-x 0px -314px;"><div style="padding:5px 0px 0px 5px;">状态</div></li>
						<li style="float:right;width:100px;height:24px;border-right:1px solid #cccccc;background:url(/image/bgr.png) repeat-x 0px -314px;"><div style="padding:5px 0px 0px 5px;">提交时间</div></li>
						<li style="float:right;width:100px;height:24px;border-left:1px solid #cccccc;border-right:1px solid #cccccc;background:#aaa url(/image/bgr.png) repeat-x 0px -314px;"><div style="padding:5px 0px 0px 5px;">起草人</div></li>
						<li style="height:24px;background:url(/image/bgr.png) repeat-x 0px -314px;margin:0 300px 0 34px;"><div style="padding:5px 0px 0px 5px;">主题</div></li>
					</ul>
					<ul style="border-bottom:1px solid #dcdcdc;">
						<li style="float:left;width:34px;"><input type="checkbox" name="" value="" /></li>
						<li style="float:right;width:100px;"><div style="padding:5px 0px 5px 5px;">处理中</div></li>
						<li style="float:right;width:100px;"><div style="padding:5px 0px 5px 5px;">04月19日 22:36</div></li>
						<li style="float:right;width:100px;"><div style="padding:5px 0px 5px 5px;">李建锋</div></li>
						<li style="margin:0 300px 0 34px;"><div style="padding:5px 0px 5px 5px;">描述描述描述述描述描述描描述描述描述描述描述描述描述描述描述描述</div></li>
					</ul>
				</div>
				
				
			</div>
			
			<br/>
			<!-- 部门管理 -->
			<div style="padding-bottom:8px;">
				<span style="font-weight:bold;font-size:14px;">基本信息 > 部门管理</span>
				<span style="color:#808080;">（共 4 个）</span>
			</div>
			<div class="btnline_top">
				<div style="padding:5px 0 0 5px;">
					<a href="javascript:void(0);" class="button">
					<ul>
						<li class="btn_left"></li>
						<li class="btn_middle btn_text">创 建</li>
						<li class="btn_right"></li>
					</ul>
					</a>
					
					<a href="javascript:void(0);" class="button" id="edit_dropbox">
					<ul>
						<li class="btn_left"></li>
						<li class="btn_middle btn_text">编 辑</li>
						<li class="btn_middle"><div class="btn_drop"></div></li>
						<li class="btn_right"></li>
					</ul>
					</a>
				</div>
			</div>
			<div style="overflow:hidden;">
				<div style="float:left;width:300px;background-color:#f6f9fc;border-right:1px solid #9cb8cc;padding:8px;margin-bottom:-10000px;padding-bottom:10000px;">
				
					<div id="tree_container">
						<div id="demo1" class="demo" style="height:400px;background-color:#f6f9fc;">
							<ul>
								<li id="phtml_1">
									<a href="#">Root node 1</a>
									<ul>
										<li id="phtml_2">
											<a href="#">Child node 1</a>
										</li>
										<li id="phtml_3">
											<a href="#">Child node 2</a>
										</li>
									</ul>
								</li>
								<li id="phtml_4">
									<a href="#">Root node 2</a>
								</li>
							</ul>
						</div>
					</div>
					<div style="height:10px;"></div>
				</div>
				<div style="margin:0px 0px 0px 328px;margin-bottom:-10000px;padding-bottom:10000px;">
				
				</div>
			</div>
			<div class="btnline_bottom">
				<div style="padding:5px 0 0 5px;">
					<a href="javascript:void(0);" class="button">
					<ul>
						<li class="btn_left"></li>
						<li class="btn_middle btn_text">创 建</li>
						<li class="btn_right"></li>
					</ul>
					</a>
					
					<a href="javascript:void(0);" class="button" id="edit_dropbox">
					<ul>
						<li class="btn_left"></li>
						<li class="btn_middle btn_text">编 辑</li>
						<li class="btn_middle"><div class="btn_drop"></div></li>
						<li class="btn_right"></li>
					</ul>
					</a>
				</div>
			</div>
			
			<br/><br/><br/>
			<!--DIALOG-->
			<div style="width:500px;">
				<div style="height:27px;">
					<div class="dialog_title_right"></div>
					<div class="dialog_title_left"></div>
					<div class="dialog_title_bg">
						<ul style="width:20px;float:right;padding:3px 5px 0px 0px;"><a href="#" class="dialog_closebutton"></a></ul>
						<ul style="font-size:14px;color:#fff;font-weight:bold;padding:5px 0px 0px 5px;">添加站点</ul>
					</div>
				</div>
				<div style="border-left:1px solid #6c92ad;border-right:1px solid #6c92ad;padding:20px;">
				aaa
				</div>
				<div style="background-color:#f6f9fc;border:1px solid #6c92ad;height:43px;">
				aa
				</div>
			</div>
		</div>
		
		
	</div>
</body>
</html>